<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
      /*   var user1={
            name:"alice",
            age:20,
            sex:"男",
            say:function(){
                console.log("hi");
            }
        }; */

        var name="芳芳";
        var age=30;
        var obj={
            sex:"男"
        };
        var user2={
            name:name,
            age:age,
            sex:obj.sex,
            say:function(){
                console.log("hi");
            }
        };
        console.log(user2);

        //ES6中对象构成的简化语法：
            // 1.对象构建时，如果属性值来自于外部变量的其他变量，且外部变量名和属性名一致，定义时只需要定义变量即可。
            // 2.对象构建时，如果存在对象方法定义，可以直接省略关键字

        var user3={
            name,
            age,
            sex:obj.sex,
            say(){
                console.log("hello");
            }
        };
        console.log(user3);
        console.log(user3.name);
        user3.say();

    </script>
</head>
<body>
    
</body>
</html>